<template>
  <div class="main-container">
    <left-page class="left-area" />
    <right-page class="right-area" />
  </div>
</template>

<script setup lang="ts">
import LeftPage from './components/LeftPage.vue'
import RightPage from './components/RightPage.vue'
</script>

<style lang="less" scoped>
.main-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 10px;
  gap: 10px;
  box-sizing:border-box;

  .left-area {
    flex: 1;
  }

  .right-area {
    flex: 1;
  }
}
</style>